<!doctype html>
<html lang="en" class="text-gray-900 antialiased bg-white js-focus-visible">
<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <title>Fe Day @ DevConnect Istanbul 2023</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <meta name="mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-styl" content="black">
  <meta name="apple-mobile-web-app-title" content="REBASE Book">

  <link rel="apple-touch-icon" href="">

  <meta property="og:locale" content="en_US">
  <meta property="og:type" content="website">
  <meta property="og:description"content="">
  <meta property="og:url" content="https://fe-lang.org">
  <meta property="og:image" content="">

  <meta property="twitter:card" content="">
  <meta property="twitter:title" content="Fe - A next generation, statically typed, future-proof smart contract language for the Ethereum Virtual Machine">
  <meta property="twitter:site" content="fe-lang.org">

  <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
  <link rel="stylesheet" href="https://unpkg.com/@highlightjs/cdn-assets@10.7.2/styles/default.min.css">
  <link rel="stylesheet" href="https://unpkg.com/highlightjs@9.16.2/styles/vs2015.css">
</head>
<body>
  <header class="bg-white">
    <div class="sm:flex sm:justify-between sm:items-center sm:py-4 relative z-10 max-w-screen-lg xl:max-w-screen-xl mx-auto">
      <div class="flex items-center justify-between px-4 py-2 sm:p-0">
        <div>
          <img class="h-12 sm:hidden" src="fe-logo-small.svg" alt="Fe Programming Language">
        </div>
        <div class="sm:hidden">
          <button id="menu-btn" type="button" class="block text-gray-600 hover:text-black focus:text-black">
            <svg class="h-6 w-6 fill-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path id="menu-icon" class=" block" troke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
              <path id="close-icon" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
            </svg>
          </button>
        </div>
      </div>
      <nav id="menu" class="hidden px-2 pt-2 pb-4 text-center sm:flex sm:p-0 sm:text-left">
        <a href="docs/quickstart/index.html" class="transition duration-100 ease-in-out block text-lg px-2 py-2 hover:bg-gray-700 hover:text-white rounded-sm sm:mt-0 sm:ml-2 sm:px-4" title="Get started" >Get started</a>
        <a href="docs/index.html" class="transition duration-100 ease-in-out mt-1 text-lg block px-2 py-2 hover:bg-gray-700 hover:text-white rounded-sm sm:mt-0 sm:ml-2 sm:px-4" title="Learn">Learn</a>
        <a href="https://discord.gg/ywpkAXFjZH" class="transition duration-100 ease-in-out mt-1 text-lg block px-2 py-2 hover:bg-gray-700 hover:text-white rounded-sm sm:mt-0 sm:ml-2 sm:px-4"title="Community">Community</a>
        <a href="https://blog.fe-lang.org" class="transition duration-100 ease-in-out mt-1 text-lg block px-2 py-2 hover:bg-gray-700 hover:text-white rounded-sm sm:mt-0 sm:ml-2 sm:px-4" title="Blog">Blog</a>
      </nav>
    </div>
  </header>
  <main role="main">
    <section class="px-4 py-12 pt-12 sm:py-16 lg:pt-24 max-w-screen-lg xl:max-w-screen-xl mx-auto md:flex justify-between lg:justify-around items-center rounded-sm">
      <img src="/devconnect_ist.png"/>
    </section>
    <br/>
    <section class="max-w-screen-lg xl:max-w-screen-xl mx-auto bg-gray-200 bg-gradient-to-br from-gray-300 to-gray-400 rounded overflow-hidden">
      <div class="p-4 pt-12 pb-10 lg:pt-16">
        <br/>
        <br/>
        <br/>
        <h2 class="text-3xl font-semibold text-center tracking-tight mt-1 lg:text-4xl">About the event</h2>
        <p class="text-xl mx-auto max-w-3xl text-left mt-6">
          The Fe team will be hosting a workshop and hackathon on <span class="font-bold">Wednesday, November 15th at the Istanbul Congress Center, Room Camlica</span>. We kick things off with an introduction level Fe workshop so that everyone will be up and ready to participate in the hackathon. Everyone is welcome!
        </p>

        <p class="text-xl mx-auto max-w-3xl text-left mt-6">
          We will have two tracks for the hackaton:
        </p>
        <p class="text-xl mx-auto max-w-3xl text-left mt-6 font-bold">
          Library track
        </p>
        <p class="text-xl mx-auto max-w-3xl text-left mt-6">
          Projects submitted to the library track can take any form of Fe general purpose libraries covering functionality such as math, cryptography, debugging, testing or alike.
        </p>
        <p class="text-xl mx-auto max-w-3xl text-left mt-6 font-bold">
          Application track
        </p>
        <p class="text-xl mx-auto max-w-3xl text-left mt-6">
          Projects submitted to the application track can be anything written in Fe from financial applications to games and anything within.
        </p>
        <p class="text-xl mx-auto max-w-3xl text-left mt-6">
          For each track we will have prize money for the first three winners:
        </p>
        <p class="text-xl mx-auto max-w-3xl text-left mt-6 font-bold">
          1st place: 2048 Finney (2.048 ETH)<br/>
          2nd place 1024 Finney (1.024 ETH)<br/>
          3rd place 512 Finney (0.512 ETH)
        </p>
        <p class="text-xl mx-auto max-w-3xl text-left mt-6">
          Projects need to be submitted until <span class="font-bold">Saturday 18th, 15 o'clock</span> and the results will be announced on our <a class="font-bold" href="https://blog.fe-lang.org/">blog</a> .
        </p>
        <p class="text-xl mx-auto max-w-3xl text-left mt-6">If you are interested in attending, please fill out the form below to help give us a better idea of the audience. You might also receive email updates.
        </p>

        <p class="text-xl font-bold mx-auto max-w-3xl text-left mt-6">
          <a href="https://forms.gle/NGpxNnvbrmzF22J29">Click here to signup!</a>
        </p>
        <br/>
        <br/>
        <br/>
        <h3 class="text-2xl font-semibold text-center tracking-tight mt-1 lg:text-3xl">Schedule</h3>
        <p class="text-xl mx-auto max-w-3xl text-center mt-6">
          Times: 10:00 - 17:00
          <br/>
          Lunch: 12:00 - 13:00
        </p>
        <br/>
        <br/>
        <br/>
      </div>
    </section>
  </main>
  <footer class="md:mt-8 mb-4">
    <section class="max-w-screen-lg xl:max-w-screen-xl mx-auto bg-gray-700 text-gray-200 rounded-sm py-16 pb-12 px-4 sm:px-6 md:px-8">
      <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-y-10">
        <div>
          <img class="h-24" src="fe-logo.svg" alt="Fe Programming language">
          <p class="mt-4 text-gray-400 text-sm">Fe Programming Language<br>&copy; 2021-2023 Ethereum Foundation</p>
        </div>
        <div>
          <h4 class="font-semibold mb-4">Get Started</h4>
          <ul>
            <li><a class="block py-1 hover:text-white" href="docs/quickstart/index.html" title="Quickstart">Quickstart</a></li>
            <li><a class="block py-1 hover:text-white" href="/docs/index.html" title="Documentation">Documentation</a></li>
            <li><a class="block py-1 hover:text-white" href="https://github.com/ethereum/fe/tree/master/crates/test-files/fixtures/demos" title="Examples">Examples</a></li>
          </ul>
        </div>
        <div>
          <h4 class="font-semibold mb-4">Community</h4>
          <ul>
            <li><a class="block py-1 hover:text-white" href="https://twitter.com/official_fe" title="Fe on Twitter">Twitter</a></li>
            <li><a class="block py-1 hover:text-white" href="https://discord.gg/ywpkAXFjZH" title="Fe on Discord">Discord</a></li>
            <li><a class="block py-1 hover:text-white" href="https://github.com/ethereum/fe" title="Fe on GitHub">GitHub</a></li>
          </ul>
        </div>
        <div>
          <h4 class="font-semibold mb-4">Project</h4>
          <ul>
            <li><a class="block py-1 hover:text-white" href="docs/spec/index.html" title="Language Spec">Language Spec</a></li>
            <li><a class="block py-1 hover:text-white" href="compiler-docs/fe/index.html" title="Language Spec">Compiler API Docs</a></li>
            <li><a class="block py-1 hover:text-white" href="https://github.com/ethereum/fe/blob/master/LICENSE.md" title="License">License</a></li>
            <li><a class="block py-1 hover:text-white" href="docs/code_of_conduct.html" title="Code of Conduct">Code of conduct</a></li>
          </ul>
        </div>
      </div>
    </section>
  </footer>
  <script>
    let menuBtn = document.querySelector('#menu-btn');
    let menu = document.querySelector('#menu');
    let menuIcon = document.querySelector('#menu-icon');
    let closeIcon = document.querySelector('#close-icon');

    function toggleMenu() {
        menu.classList.toggle('block');
        menu.classList.toggle('hidden');
        menuIcon.classList.toggle('block');
        menuIcon.classList.toggle('hidden');
        closeIcon.classList.toggle('block');
        closeIcon.classList.toggle('hidden');
    }

    menuBtn.addEventListener('click', toggleMenu)

    let downloadLinux = document.querySelector('#download-linux');
    let downloadMac = document.querySelector('#download-mac');
    let downloadUnsupported = document.querySelector('#download-unsupported');

    let buttons = {
      'linux': downloadLinux,
      'mac': downloadMac,
      'windows': downloadUnsupported,
      'unknown_os': downloadUnsupported
    };

    function enableDownloadFor(os) {
      for (const key in buttons) {
          buttons[key].classList.add('hidden');
      }
      buttons[os].classList.remove('hidden');
    }

    var detectedOS = "unknown_os";

    if (navigator.userAgent.indexOf("Mac") != -1) {
        detectedOS = "mac";
    } else if (navigator.userAgent.indexOf("Win") != -1) {
        detectedOS = "windows";
    } else if (navigator.userAgent.indexOf("Linux") != -1) {
        detectedOS = "linux";
    }

    enableDownloadFor(detectedOS);

  </script>
  <script src="https://unpkg.com/@highlightjs/cdn-assets@10.7.2/highlight.min.js"></script>
  <script src="docs/theme/custom-highlight.js"></script>
  <script>hljs.highlightAll();</script>
</body>
</html>
